<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="https://cdn.staticfile.org/angular.js/1.4.6/angular.min.js"></script>
    <title>Document</title>
</head>
<body>
    <div ng-app="myApp" ng-controller="myCtrl">
        <select ng-model="name" ng-options="x.site for x in names"></select> <br>
        显示的是: {{name.site}} <br>
        url是: {{name.url}}
    </div>
    <script>
        var app = angular.module("myApp", [])
        app.controller('myCtrl', function($scope){
            $scope.names = [
                {site : "Google", url : "http://www.google.com"},
                {site : "Runoob", url : "http://www.runoob.com"},
                {site : "Taobao", url : "http://www.taobao.com"}
            ]
        })
    </script>
</body>
</html>